@{ViewBag.Title = "Paging";}
@section CssImport{<link href="@Url.Content("~/Scripts/validationEngine/validationEngine.jquery.css")" rel="stylesheet" type="text/css" />}
@section JavascriptImport{
<script type="text/javascript" src="@Url.Content("~/Scripts/validationEngine/jquery.validationEngine.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/validationEngine/jquery.validationEngine-en.js")"></script>}
<div class="filtering"><form>
<label>Introduzca texto para filtrar: <input type="text" name="filter" id="filter" /></label>
<button type="submit" id="LoadRecordsButton" class="button medium orange" >Buscar Coincidencias</button>
</form></div>
<div id="MyTableContainer"></div>
<script type="text/javascript">
     $(document).ready(function () {
     $('#MyTableContainer').jtable({
         title: 'AIT_AlmacenEmpresa',
         paging: true,
         pageSize: 10,
         sorting: true,
         defaultSorting: 'Id ASC',
         actions: {
             listAction: '@Url.Action("JSONPagedListByFilter")',
             deleteAction: '@Url.Action("JSONDelete")',
             updateAction: '@Url.Action("JSONUpdate")',
             createAction: '@Url.Action("JSONCreate")'
         },
         fields:
         {
          Id: {
                 key: true,
                 create: false,
                 edit: false,
                 list: false
             }
             ,
             NombreAlmacen: {
                 title:'NombreAlmacen',
                 create: true,
                 edit: true,
                 list: true,
                 inputClass: 'validate[required]',
                 sorting: false
             }
             ,
             Direccion: {
                 title:'Direccion',
                 create: true,
                 edit: true,
                 list: true,
                 sorting: false
             }
             ,
             Responsable: {
                 title:'Responsable',
                 create: true,
                 edit: true,
                 list: true,
                 sorting: false
             }
             ,
//             Latitud: {
//                 title:'Latitud',
//                 create: true,
//                 edit: true,
//                 list: true,
//                 sorting: false
//             }
//             ,
//             Longitud: {
//                 title:'Longitud',
//                 create: true,
//                 edit: true,
//                 list: true,
//                 sorting: false
//             }
//             ,
             RegionId_FK:{
                 title : 'AIT_Region',
                 create : true,
                 edit : true,
                 list : true,
                 options : '@Url.Action("../AIT_Region/JSONGetElementsForDropDownList")'
             }
             ,
             EquiposAsignados: {
                 title: 'Equipos IT',
                 width: '5%',
                 sorting: false,
                 edit: false,
                 create: false,
                 listClass: 'child-opener-image-column',
                 display: function (almacenData) {
                     var $img = $('<img class="child-opener-image" with="20" height="20" src="../../Content/images/home.png" title="Equipos Asignados a este almacen" />');
                     //Open child table when user clicks the image
                     $img.click(function () {
                         $('#MyTableContainer').jtable('openChildTable',
                                    $img.closest('tr'),
                                    {
                                        title: 'Equipos Asignados a : ' + almacenData.record.NombreAlmacen,
                                        actions: {
                                            listAction: '@Url.Action("../AIT_AsignarEquipoAlmacen/EquiposEnAlmacen")?AlmacenId=' + almacenData.record.Id,
                                            deleteAction: '@Url.Action("../AIT_AsignarEquipoAlmacen/JSONDelete")',
                                            updateAction: '@Url.Action("../AIT_AsignarEquipoAlmacen/JSONUpdate")',
                                            createAction: '@Url.Action("../AIT_AsignarEquipoAlmacen/JSONCreate")'
                                        },
                                        fields: {
                                            AlmacenEmpresaId_FK: {
                                                type: 'hidden',
                                                defaultValue: almacenData.record.Id
                                            },
                                            Id: {
                                                key: true,
                                                create: false,
                                                edit: false,
                                                list: false
                                            }
                                            ,
                                            Observaciones: {
                                                title: 'Observaciones',
                                                create: true,
                                                edit: true,
                                                list: true,
                                                sorting: false
                                            }
                                            ,
                                            RequiereConfiguracion: {
                                                title: 'RequiereConfiguracion',
                                                create: true,
                                                edit: true,
                                                list: true,
                                                type: 'checkbox',
                                                values: { 'false': 'Desactivado', 'true': 'Activado' },
                                                sorting: false
                                            }
                                            ,
                                            EstadoEnum: {
                                                title: 'EstadoEnum',
                                                create: true,
                                                edit: true,
                                                list: true,
                                                options: '@Url.Action("../AIT_AlmacenEmpresa/JSONEstadosEquipo")'
                                            }
                                            ,
                                            FechaAsignacion: {
                                                title: 'FechaAsignacion',
                                                create: true,
                                                edit: true,
                                                list: true,
                                                type: 'date',
                                                displayFormat: 'dd-mm-yy',
                                                sorting: false
                                            }
                                            ,
                                            EsMantenible: {
                                                title: 'EsMantenible',
                                                create: true,
                                                edit: true,
                                                list: true,
                                                type: 'checkbox',
                                                values: { 'false': 'Desactivado', 'true': 'Activado' },
                                                sorting: false
                                            }
                                            ,
//                                            MesesMantenimiento: {
//                                                title: 'MesesMantenimiento',
//                                                create: true,
//                                                edit: true,
//                                                list: true,
//                                                sorting: false
//                                            }
//                                            ,
//                                            AlertaDias: {
//                                                title: 'AlertaDias',
//                                                create: true,
//                                                edit: true,
//                                                list: true,
//                                                sorting: false
//                                            }
//                                            ,
                                            EquipoId_FK: {
                                                title: 'AIT_EquipoIT',
                                                create: true,
                                                edit: true,
                                                list: true,
                                                options: '@Url.Action("../AIT_EquipoIT/JSONGetEquiposNoAsignados")'
                                            }
                                            ,
                                            EmpleadoNombre: {
                                                title: 'Asignado A',
                                                create: false,
                                                edit: false,
                                                list: true,
                                                sorting: false
                                            }
                                            ,
                                            AsignarA:
                                            {
                                                title: '',
                                                width: '20px',
                                                sorting: false,
                                                edit: false,
                                                create: false,
                                                listClass: 'child-opener-image-column',
                                                display: function (studentData) {
                                                    var $img = $('<img class="child-opener-image" with="30" height="30" src="../../Content/images/menu/user.png" title="Asignar a" />');
                                                    //Open child table when user clicks the image
                                                    $img.click(function () {
                                                        window.location = '../AIT_AsignaEmpleado/AsignarEquipo?AsignarEquipoAlmacenId=' + studentData.record.Id;
                                                    });

                                                    return $img;
                                                }
                                            }





                                           
                                            
                                        }
                                    }, function (data) { //opened handler
                                        data.childTable.jtable('load');
                                    });
                     });
                     //Return image to show on the person row
                     return $img;
                 }
             }  








},
formCreated: function (event, data) {data.form.validationEngine();},
formSubmitting: function (event, data) {return data.form.validationEngine('validate');},
formClosed: function (event, data) { data.form.validationEngine('hide'); data.form.validationEngine('detach'); }
});
$('#LoadRecordsButton').click(function (e) {e.preventDefault();$('#MyTableContainer').jtable('load', {filter: $('#filter').val()});});
$('#LoadRecordsButton').click();
});
</script>

